<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>jQuery UI Tabs - Default functionality</title>
        <jsp:include page="commons/commoncss.jsp"/>	
        
        <jsp:include page="commons/commonjs.jsp" />
		<script>
			$(function() {
				// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
	
				$( "#dialog-form" ).dialog({
					autoOpen: false,
					height: 300,
					width: 600,
					modal: true,
					close: function() {
						allFields.val( "" ).removeClass( "ui-state-error" );
					}
				});
		
				$( "#btnLookUp" )
					.button()
					.click(function() {
						$( "#dialog-form" ).dialog( "open" );
					});
			});
		</script>
		
		<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {
                $("#businessList").dataTable( {
                    "sScrollY": 200,
                    "bJQueryUI": true,
                    "sPaginationType": "full_numbers",
					
                } );				
				  
            } );
        </script> 
    </head>
    <body>
        <div id="container">
            <jsp:include page="commons/header.jsp" />
            <jsp:include page="commons/menubar.jsp"/>
            <div id="content">
                <div id="maincontent">
                    <div id="maincontentheader">
                        Title of content
                    </div>
                    <div id="tabs">
                        <div class="ui-tabs-panel">
							 <input type="button" id="btnLookUp" name="btnLookUp" value="Look Up" />
                        </div>
                    </div>
                </div>
            </div>
            <jsp:include page="commons/footer.jsp"/>
        </div>
		
		
		
		<div id="dialog-form" title="Search Business Type" style="font-size:12px; font:'Times New Roman', Times, serif">
           <table style="width: 100%; border: 0px;" cellpadding="3" cellspacing="0" id="businessLookUp">
               <tr>
              	 <td style="text-align:center;">
              	 	<div id="search"> 
		                 <table style="width:99%; border: 1px; border-bottom: 2pt; border-top: 2pt" cellpadding="3" cellspacing="0">
		                 	<tr>
		                 		<td align="left">
									Business Name: 
		                 			<input id="postcodeTxt" name="txt" type="text"/>
								</td>
		                 		<td align="right">
									SIC code: <input id="streetTxt" name="txt" type="text"/>
								</td>
		                 	</tr>
		                 </table>
                 	</div>
                 </td>
              </tr>
              <tr>
                 <td align="left">
                    <div id="buttonTop">
                       <input id="btnSearchAddress" name="btn" type="button" value="Search" />
                       <input id="btnNone" name="btn" type="button" value="None" />
                       <input id="btnClear" name="btn" type="button" value="Clear" />
                    </div>
                 </td>
              </tr>
              <tr>
                 <td>&nbsp;</td>
              </tr>
              <tr>
                 <td style="text-align: center;">
                    <div >
                    	<table id="businessList" style="width: 99%; text-align:left" border="1">
                    		<tr align="center">
                    			<td width="5%" ></td>
                    			<td width="65%"><b>Business Name</b></td>
                    			<td width="30%"><b>SIC code</b></td>                 			
                    		</tr>
							<tr>
								<td><input type="radio" checked="checked" /></td>
								<td>abcd jhapofja</td>
								<td>01234/td>
							</tr>
							<tr>
								<td><input type="radio" /></td>
								<td>abcd jhapofja</td>
								<td>01434/td>
							</tr>
							<tr>
								<td><input type="radio" /></td>
								<td>abcd jhapofja</td>
								<td>01244/td>
							</tr>
                    	</table>
                    </div>
                 </td>
              </tr>
              <tr>
              	<td colspan="2" align="left">
                    <div id="buttonBottom">
                       <input id="btnSelect" name="btn" type="button" value="Select" />
                       <input id="btnClose" type="button" value="Close" />
                    </div>
                 </td>
              </tr>
             
           </table>
        </div>
    </body>
</html>